<template>
    <div class="item">
        <appVideoItem :videoList="List"></appVideoItem>
    </div>
</template>
<script lang="ts" setup>
import {ref} from "vue";
import appVideoItem from '@/components/app-video-item.vue';
import {getVideosList} from "@/api/request"
interface formatVideo{
    id:string
    link:string
    imgSrc:string
    commentCount:string
    desc:string
    playCount:string
    videoSrc:string
}
let List = ref<formatVideo[]>([]);
getVideosList().then(res=>{
    List.value = res.data.result;
    console.log(List.value);
    
})
</script>
<style>
.item {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1vw;
}
</style>